<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8" />
    <title>信用分和二维码卡片</title>
</head>
<body>
<div style="display: flex; gap: 12px;">
    <!-- 信用分卡片 -->
    <div style="flex: 1; border-radius: 4px; padding: 12px 16px; background:#FFFFFF url('/linglong-api/files/iconfont/image/5L+h55SoLWlj.png') no-repeat right center; background-size: auto 100%;">
        <div style="font-size: 14px; color: #363A44;line-height: 24px;">信用分</div>
        <div style="font-size: 40px; color: #00B578;">
            100<span style="font-size: 16px; color: #363A44; font-weight: normal;">分</span>
        </div>
        <div style="font-size: 12px; color: #363A44; opacity: 0.4; display: inline-flex; align-items: center; gap: 4px; cursor: pointer;">
            查看信用分变化明细
            <span class="iconfont-magic-base magic-base-zuoyi" style="font-size: 12px;"></span>
        </div>
    </div>

    <!-- 摊主二维码卡片 -->
    <div style="flex: 1; position: relative; border-radius: 4px;  padding: 12px 16px; background-color: #FFFFFF;">
        <div style="font-size: 14px; color: #363A44; line-height: 24px;">摊主二维码</div>
        <div style="font-size: 12px; color: #363A44; opacity: 0.4; display: inline-flex; align-items: center; gap: 4px; cursor: pointer;line-height: 16px;">
            查看详情
            <span class="iconfont-magic-base magic-base-zuoyi" style="font-size: 12px;"></span>
        </div>
        <img
                src="http://10.250.3.23:8080/linglong-api/files/iconfont/image/5pGK5Li75LqM57u056CBMQ.png"
                alt="摊主二维码"
                style="
        position: absolute;
        right: 16px;
        bottom: 16px;
        width: 75.43px;
        height: 75.43px;
        border-radius: 8px;
      "
        />
    </div>
</div>

</body>
</html>
